






































































































































































































































































































































































































































































































































































































































































































































/*视频缩略图大小*/
.video-component-player-install[data-v-7beab6c2]{
    width:190px;
    height:140px;
    overflow:hidden;
}
/*视频弹窗大小*/
.video-component[data-v-7beab6c2]{
    width:520px;
    height:520px;
}
/*=====================================================*/
.video-component[data-v-7beab6c2]{
}
.video-component-player-install[data-v-7beab6c2]{
    position:relative;
    border:1px solid #000;
    box-shadow:0 0 10px #000;
    overflow:hidden;
}
.video-component-player-install[data-v-7beab6c2]:after{
    content:" ";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-image:url();
    background-repeat:no-repeat;
    background-position:center;
    background-size:60%;
}
.video-component-player-install>*[data-v-7beab6c2]{
    width:360px;
}
.video-component
.video-component-body[data-v-7beab6c2]{
    height:100%;
    width:100%;
    background-color:#000;
    position:relative;
    box-shadow: 0px 0px 6px #aaa;
}
.video-component *[data-v-7beab6c2]{
    margin:0;
    padding:0;
    user-select:none;
}
.video-component[data-v-7beab6c2]:before{
    content:" ";
    display:block;
    clear:both;
}
.video-component[data-v-7beab6c2]:after{
    content:" ";
    display:block;
    clear:both;
}
.video-component .display-none[data-v-7beab6c2]{
    display:none;
}
.video-component .opacity-0[data-v-7beab6c2]{
    opacity:0;
}
.video-component-table-cell[data-v-7beab6c2]{
    width:100%;
    height:100%;
}
.video-component-body .video-component-video-box[data-v-7beab6c2]{
    width:100%;
    height:100%;
    position:relative;
}
.video-component-body .video-component-video-box td[data-v-7beab6c2]{
    text-align:center;
}
.video-component-body .video-component-video[data-v-7beab6c2]{
    height:100%;
    width:100%;
    position:absolute;
}
.video-component-body .video-component-controls-box[data-v-7beab6c2]{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:1s;
}
.video-component-body .video-component-controls-box .video-component-controls-topbutton[data-v-7beab6c2]{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:transparent;
    background-repeat:no-repeat;
    background-size:64px 64px;
    background-position:center;
    background-image:url()
}
.video-component-body .video-component-controls-box[data-v-7beab6c2]{
    opacity:1;
}
.video-component-body .video-component-controls-box>div[data-v-7beab6c2]{
    height:30px;
    width:100%;
    background-color:rgba(255,255,255,1);
    /*border:1px solid #aaa;*/
    box-sizing:border-box;
}
.video-component-body .video-component-controls-box .video-component-controls-header[data-v-7beab6c2]{
    position:absolute;
    top:0;
    left:0;
    border-bottom:0;
}
.video-component-body .video-component-controls-box .video-component-controls-header ul[data-v-7beab6c2]{
    height:100%;
    width:100%;
    list-style:none;
    height:100%;
    width:100%;
}
.video-component-body .video-component-controls-box .video-component-controls-header li[data-v-7beab6c2]{
    height:100%;
    float:left;
    padding:0 1%;
}
.video-component-body 
.video-component-controls-box 
.video-component-controls-header 
.video-component-controls-header-split[data-v-7beab6c2]{
    height:100%;
    line-height:30px;
    color:#ddd;
}
.video-component-body .video-component-controls-box .video-component-controls-header button[data-v-7beab6c2]{
    padding-left:20px;
    height:100%;
    line-height:30px;
    background-color:transparent;
    border:0;
    outline:none;
    background-repeat:no-repeat;
    background-size:16px 16px;
    background-position:left;
}
.video-component-body 
.video-component-controls-box 
.video-component-controls-header 
.video-component-controls-header-retract[data-v-7beab6c2]{
    background-image:url();
}
.video-component-body 
.video-component-controls-box 
.video-component-controls-header 
.video-component-controls-header-anticlockwise[data-v-7beab6c2]{
    background-image:url();
}
.video-component-body 
.video-component-controls-box 
.video-component-controls-header 
.video-component-controls-header-clockwise[data-v-7beab6c2]{
    background-image:url();
}
.video-component-body .video-component-controls-box .video-component-controls-foot[data-v-7beab6c2]{
    position:absolute;
    bottom:0;
    left:0;
    /*opacity:0.5;*/
}
.video-component-body .video-component-controls-box .video-component-controls-foot ul[data-v-7beab6c2]{
    width:100%;
    height:100%;
    list-style:none;
}
.video-component-body .video-component-controls-box .video-component-controls-foot li[data-v-7beab6c2]{
    height:100%;
    float:left;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-playbutton-box[data-v-7beab6c2]{
    width:10%;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-playbutton-box
button[data-v-7beab6c2]{
    width:100%;
    height:100%;
    background-color:transparent;
    outline:0;
    border:0;
    background-repeat:no-repeat;
    background-size:24px 24px;
    background-position:center;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-playbutton-box
.video-component-controls-foot-playbutton[name="playbutton"][data-v-7beab6c2]{
    background-image:url();
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-playbutton-box
.video-component-controls-foot-playbutton[name="pausebutton"][data-v-7beab6c2]{
    background-image:url()
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-timevalue-box[data-v-7beab6c2]{
    width:20%;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-timevalue-box
div[data-v-7beab6c2]{
    height:100%;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-timeslider-box[data-v-7beab6c2]{
    width:60%;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-timeslider-box
.video-component-controls-foot-timeslider[data-v-7beab6c2]{
    width:100%;
    height:100%;
    position:relative;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-timeslider-box
.video-component-controls-foot-timeslider
.video-component-controls-foot-timeslider-line[data-v-7beab6c2]{
    width:100%;
    height:2px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:#000;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-timeslider-box
.video-component-controls-foot-timeslider
.video-component-controls-foot-timebutton[data-v-7beab6c2]{
    width:20px;
    height:20px;
    position:absolute;
    top:50%;
    left:0;
    transform:translate(0,-50%);
    background-color:#38f;
    border-radius:50% 50%;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-volumeslider-box[data-v-7beab6c2]{
    width:10%;
    position:relative;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-volumeslider-box
.video-component-controls-foot-volumeslider-volumeimage[name="novolume"][data-v-7beab6c2]{
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-size:24px 24px;
    background-position:center;
    background-image:url()
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-volumeslider-box
.video-component-controls-foot-volumeslider-volumeimage[name="volume"][data-v-7beab6c2]{
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-size:24px 24px;
    background-position:center;
    background-image:url()
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-volumeslider-box
.video-component-controls-foot-volumeslider[data-v-7beab6c2]{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-volumeslider-box
.video-component-controls-foot-volumeslider[data-v-7beab6c2]:hover{
    opacity:1;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-volumeslider-box
.video-component-controls-foot-volumeslider
>div[data-v-7beab6c2]{
    position:absolute;
    top:-100px;
    left:0;
    width:100%;
    height:100px;
    background-color:#fff;
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-volumeslider-box
.video-component-controls-foot-volumeslider
>div>div[data-v-7beab6c2]{
    width:100%;
    height:80%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-volumeslider-box
.video-component-controls-foot-volumeslider
.video-component-controls-foot-sliderline[data-v-7beab6c2]{
    height:100%;
    width:2px;
    background-color:#000;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.video-component-body
.video-component-controls-box 
.video-component-controls-foot 
.video-component-controls-foot-volumeslider-box
.video-component-controls-foot-volumeslider
.video-component-controls-foot-volumebutton[data-v-7beab6c2]{
    height:20px;
    width:20px;
    background-color:#38f;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
    border-radius:50% 50%;
}

.component-box[data-v-6100ebb0]{
 margin-left:600px;
}
.image-warehouse-list[data-v-6100ebb0]{
    float:left;
    border:1px solid #000 ;
    margin:4px;
    text-align: center;
}
.image-warehouse-size[data-v-6100ebb0]{
    margin:0;
}
